<template>
  <div class="detailswiper">
    <swiper>
      <swiper-item class="swiper-item" v-for="item in swiperImg" :key="item.id">
        <img :src="item" alt=""/>
      </swiper-item>
    </swiper>
  </div>
</template>

<script>
import { Swiper, SwiperItem } from "components/common/swiper";
export default {
  name: "detailSwiper",
  props: {
    swiperImg: {
      type: Array,
      default() {
        return [];
      },
    },
  },
  data() {
    return {
      isLoad: false,
    };
  },
  methods:{
    
  },
  components: {
    Swiper,
    SwiperItem,
  },
};
</script>

<style  scoped>
.swiper-item {
  height: 300px;
}
.swiper-item img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
</style>
